<template>
  <div class="footer">
    <van-tabbar route active-color='#FF0000'>
      <van-tabbar-item replace icon="wap-home-o" to='/home'>首页</van-tabbar-item>
      <van-tabbar-item replace icon="search" to='/kind'>分类</van-tabbar-item>
      <van-tabbar-item replace icon="shopping-cart-o" to='/cart'>购物车</van-tabbar-item>
      <van-tabbar-item replace icon="manager-o" to='/my'>我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
import Vue from 'vue'
import { Tabbar, TabbarItem, Icon } from 'vant'

Vue.use(Tabbar)
Vue.use(TabbarItem)
Vue.use(Icon)

export default {}
</script>

<style>
</style>
